<template>
    <div>
        <table class="table_detail" style="width: 100%;">
                <tr> <td colspan="5" class="headColor"> <span>管理层拟受让国有产权情况</span></td></tr>                                                                                                                                                                                                                                
        </table>     
        <p class="table_p">（一）管理层以自然人名义 <br>标的企业名称：{{firstForm.dynamicValidateForm.subjectName}}</p>      
        <table class="table_detail" style="width: 100%;">
                <tr>
                    <td :rowspan="firstForm.dynamicValidateForm.subjectTransferorManagementNaturalPropertyUserDTOList.length + 2" class="headColor"><span>管理层持有及拟受让标的企业国有产权情况</span></td>               
                </tr>   
                <tr>
                    <td  class="showC headColor"><span>姓名</span></td>
                    <td  class="showC headColor"><span>所在单位</span></td>
                    <td  class="showC headColor"><span>职务</span></td>
                    <td  class="showC headColor"><span>现持有产权比例</span></td>
                    <td  class="showC headColor"><span>拟受让产权比例</span></td>
                    <td  class="showC headColor"><span>本人签字</span></td>
                    <td  class="showC headColor"><span>是否进行经济责任审计</span></td>

                </tr>  
                <template v-for="(domain, index) in firstForm.dynamicValidateForm.subjectTransferorManagementNaturalPropertyUserDTOList">            
                    <tr>
                        <td  class="normalC"><span>{{domain.userName}}</span></td>
                        <td  class="normalC"><span>{{domain.unit}}</span></td>
                        <td  class="normalC"><span>{{domain.position}}</span></td>
                        <td  class="normalC"><span>{{domain.proportionPropertyRights}}</span></td>
                        <td  class="normalC"><span>{{domain.ratioPropertyTransferre}}</span></td>
                        <td  class="normalC"><span>{{domain.signature}}</span></td>
                        <td  class="normalC"><span>{{domain.isResponsibilityAudit?'是':'否'}}</span></td>
                    </tr> 
                </template>      
                <tr>
                    <td  class="headColor"><span>备注</span></td>  
                    <td colspan="7" class="normalC"><span>11111111</span></td>              
                </tr>                                                                                                                                                                                                                                                                                             
        </table>  

         <p class="table_p">（二）管理层以法人名义 <br>标的企业名称：{{firstForm.dynamicValidateForm1.subjectName}}</p>   
        <table class="table_detail" style="width: 100%;">
                <tr>
                    <td rowspan="3" class="headColor"><span>意向受让方持有及拟受让标的企业国有产权情况</span></td>               
                </tr>   
                <tr>
                    <td  class="showC headColor"><span>意向受让方名称</span></td>
                    <td  class="showC headColor"><span>现持有产权比例</span></td>
                    <td  class="showC headColor"><span>拟受让产权比例</span></td>
                    <td  class="showC headColor"><span>盖章</span></td>

                </tr> 
                <tr>
                    <td  class="normalC"><span>{{firstForm.dynamicValidateForm1.intentTransfereeName}}</span></td>
                    <td  class="normalC"><span>{{firstForm.dynamicValidateForm1.proportionPropertyRights}}</span></td>
                    <td  class="normalC"><span>{{firstForm.dynamicValidateForm1.ratioPropertyTransferred}}</span></td>
                    <td  class="normalC"><span>盖章</span></td>
                </tr>     
                <tr> <td colspan="5" class="headColor"> <span>管理层持有意向受让方股权情况：</span></td></tr>   
                <tr>
                    <td  class="showC headColor"><span>姓名</span></td>
                    <td  class="showC headColor"><span>身份证号码</span></td>
                    <td  class="showC headColor"><span>职务</span></td>
                    <td  class="showC headColor"><span>占意向受让方股权比例</span></td>
                    <td  class="showC headColor"><span>是否进行了经济责任审计</span></td>

                </tr>     
                <template v-for="(domain, index) in firstForm.dynamicValidateForm1.subjectTransferorManagementLegalPropertyUserDTOList">            
                    <tr>
                        <td  class="normalC"><span>{{domain.userName}}</span></td>
                        <td  class="normalC"><span>{{domain.idNumber}}</span></td>
                        <td  class="normalC"><span>{{domain.position}}</span></td>
                        <td  class="normalC"><span>{{domain.proportionProportionIntendedTransferee}}</span></td>
                        <td  class="normalC"><span>{{domain.isEconomicResponsibilityAudit?"是":'否'}}</span></td>
                    </tr>   
                </template>                                                                                                                                                                                                                                                                                                           
        </table>    
         <p class="table_p">（三）管理层以非法人组织名义 <br>标的企业名称：{{firstForm.dynamicValidateForm2.subjectName}}</p>          
        <table class="table_detail" style="width: 100%;">
                <tr>
                    <td rowspan="3" class="headColor"><span>意向受让方持有及拟受让标的企业国有产权情况</span></td>               
                </tr>   
                <tr>
                    <td  class="showC headColor"><span>意向受让方名称</span></td>
                    <td  class="showC headColor"><span>现持有产权比例</span></td>
                    <td  class="showC headColor"><span>拟受让产权比例</span></td>
                    <td  class="showC headColor"><span>盖章</span></td>

                </tr> 
                <tr>
                    <td  class="normalC"><span>{{firstForm.dynamicValidateForm2.intentTransfereeName}}</span></td>
                    <td  class="normalC"><span>{{firstForm.dynamicValidateForm2.proportionPropertyRights}}</span></td>
                    <td  class="normalC"><span>{{firstForm.dynamicValidateForm2.ratioPropertyTransferred}}</span></td>
                    <td  class="normalC"><span>盖章</span></td>
                </tr>     
                <tr> <td colspan="5" class="headColor"> <span>管理层持有意向受让方股权情况：</span></td></tr>   
                <tr>
                    <td  class="showC headColor"><span>姓名</span></td>
                    <td  class="showC headColor"><span>身份证号码</span></td>
                    <td  class="showC headColor"><span>职务</span></td>
                    <td  class="showC headColor"><span>占意向受让方股权比例</span></td>
                    <td  class="showC headColor"><span>是否进行了经济责任审计</span></td>

                </tr>     
                <template v-for="(domain, index) in firstForm.dynamicValidateForm2.subjectTransferorManagementLegalPropertyUserDTOList">                  
                    <tr>
                        <td  class="normalC"><span>{{domain.userName}}</span></td>
                        <td  class="normalC"><span>{{domain.idNumber}}</span></td>
                        <td  class="normalC"><span>{{domain.position}}</span></td>
                        <td  class="normalC"><span>{{domain.proportionProportionIntendedTransferee}}</span></td>
                        <td  class="normalC"><span>{{domain.isEconomicResponsibilityAudit?"是":"否"}}</span></td>
                    </tr> 
                </template>                                                                                                                                                                                                                                                                                                             
        </table>  
    </div>
</template>

<script>
    export default {
        props:{
            // cText:'',
            cData:'',
            // cCol:'',
        },
        watch: {
            cData(newValue, oldValue) {
                this.firstForm = {
                    dynamicValidateForm: newValue.zList,  
                    dynamicValidateForm1: newValue.fList,  
                    dynamicValidateForm2: newValue.ffList,  
                }
            }
        },        
        data() {
            return {
                firstForm:{}        
            }
        },
    }
</script>

<style scoped>
    .normalC{ background-color: #ffffff !important;}
    .showC{ background-color: #f5f5f5 !important;}
    .table_detail td:nth-child(odd) {
        width: auto;
        height: 40px;
        background-color: #f5f5f5;
        flex: none;
    }    
    .table_p{font-size: 14px;color: #333333;padding: 13px;line-height: 25px;}
</style>